<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>公告详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./public/css/sm.css">
    <link rel="stylesheet" href="./public/css/sm-extend.css">


    <!-- 阿里图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_461630_19kccv2akn3lerk9.css">

</head>
<body>

<div class="page-group">
    <div class="popup popup-about modal-in" style="display: block;">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back" href="javascript:history.go(-1)" id="back">
                <span class="iconfont icon-fanhui1"></span>
                返回
            </a>
            <h1 class="title">公告详情</h1>
        </header>

        <div class="content-padded" style="margin-top: 3.2rem">
            <h3 style="text-align: center" id="newstitle">标题三</h3>
            <div class="card-footer" style="font-size: .625rem">
                <span id="creator">作者：张武侠</span>
                <span id="createtime">添加时间：2017-11-22 15:45:43</span>
            </div>
            <p id="newscontent">这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
        </div>
    </div>
</div>

<script src="./public/js/jquery-2.1.0.min.js"></script>
<script>
    var noticeInfo = JSON.parse(sessionStorage.getItem('noticeInfo'));
    $('#newstitle').html(noticeInfo.newstitle);
    $('#newscontent').html(noticeInfo.newscontent);
    $('#creator').html('作者：' + noticeInfo.newssource);
    $('#createtime').html('添加时间：' + noticeInfo.createtime);
    $('#back').click(function () {
        $(window).bind('beforeunload', function () {
            sessionStorage.removeItem('noticeInfo');
        });
    });

</script>

</body>
</html>